/* pages/mine/mine.wxss */
// .mine-container {
//   width: 100vw;
//   height: 100vh;
//   background-color: #EAF0F0;

//   // padding: 20rpx;
//   // box-sizing: border-box;
//   .self-center {
//     width: 100%;
//     height: 80rpx;
//     background-color: #EDFBFC;
//     text-align: center;
//     position: relative;
//     font-size: 40rpx;
//     line-height: 80rpx;

//     .set-image {
//       width: 40rpx;
//       height: 40rpx;
//       position: absolute;
//       right: 40rpx;
//       top: 20rpx;
//     }
//   }

//   .info {
//     width: 100%;
//     height: 250rpx;
//     background-color: #EDFBFC;
//     padding: 30rpx;
//     box-sizing: border-box;
//     display: flex;

//     .info-left {
//       // width: 200rpx;
//       height: 100%;
//       position: relative;
//       margin-right: 40rpx;

//       image {
//         width: 150rpx;
//         height: 150rpx;
//         border-radius: 75rpx;

//       }

//       text {
//         position: absolute;
//         font-size: 20rpx;
//         bottom: 20rpx;
//         left: 25rpx;
//         color: aliceblue;
//         background-color: #06B289;
//         padding: 10rpx 20rpx;
//         border-radius: 10rpx;
//       }
//     }

//     .info-middle {

//       flex: 1;

//       .text1 {
//         font-size: 60rpx;
//         font-weight: 600;
//         margin-bottom: 10rpx;
//       }

//       .text2 {
//         color: #8C8E8D;
//         font-size: 30rpx;
//         margin-bottom: 10rpx;

//         .middle-image {
//           width: 30rpx;
//           height: 30rpx;
//           // margin-top: 20rpx;
//           // margin-right: 10rpx;
//         }
//       }
//     }

//     .info-right {
//       image {
//         width: 50rpx;
//         height: 50rpx;
//         margin-top: 50rpx;
//       }
//     }
//   }

//   .money {
//     width: 100%;
//     height: 300rpx;
//     background-color: #EDFBFC;
//     padding: 30rpx;
//     box-sizing: border-box;
//     display: flex;
//     justify-content: space-between;

//     .money-money {
//       width: 47%;
//       height: 100%;
//       background-color: #E4FAE0;
//       padding: 20rpx 30rpx;
//       box-sizing: border-box;
//       border-radius: 20rpx;
//       .row1 {
//         width: 100%;
//         height: 80rpx;
//         // background-color: pink;
//         display: flex;
//         align-items: center;

//         .qianbao {
//           width: 70rpx;
//           height: 60rpx;
//           margin-right: 20rpx;
//           border-radius: 20rpx;
//           // margin-top: 20rpx;
//         }
//         .text1 {
//           font-size: 36rpx;
//         }
//       }

//       .text2 {
//         margin: 10rpx 20rpx;
//       }
//     }
//   }

//   .list {
//     width: 100%;
//     height: 500rpx;
//     background-color: #fff;
//     border-radius: 20rpx;
//     padding: 30rpx 20rpx;
//     box-sizing: border-box;
//     .list-item {
//       display: flex;
//       padding: 10rpx 20rpx;
//       align-items: center;
//       margin-bottom: 20rpx;
//       .item-image {
//         width: 50rpx;
//         height: 50rpx;
//       }
//       .text {
//         flex: 1;
//         margin: 0 40rpx;
//         font-size: 30rpx;
//         border-bottom: 1px solid rgb(246, 244, 244);
//         padding-bottom: 15rpx;
//       }
//       .item-right {
//         width: 30rpx;
//         height: 30rpx;
//       }
//     }
//   }
// }

.mine_container{
  background-color:#f5f5f5;
  padding: 40rpx;
  background: linear-gradient(to bottom, #f0fbfb,#fdfdfd);
}
.user-info{
  display:flex;
  align-items:center;
  margin-bottom:20rpx;
  position: relative;
  .user_info_right_image {
    width: 28rpx;
    height: 28rpx;
    position: absolute;
    right: 0;
  }
}
.avatar{
  width:140rpx;
  height:140rpx;
  border-radius:50%;
  margin-right:20rpx;
}
.user-info_right {
  .user-name, .user-address,.online-time {
    margin-top: 18rpx;
  }
}
.user-name{
  font-size:40rpx;
  font-weight:bold;
}
.user-address,.online-time{
  font-size:24rpx;
  color:#969897;
}
.function-blocks{
  display:flex;
  justify-content:space-between;
  margin-bottom:20rpx;
  box-sizing: border-box;
  padding: 20rpx 0rpx;

}
.block{
  padding:20rpx;
  border-radius:10rpx;
  width:42%;
  text-align:center;
  border-radius: 20rpx;
  .block_title {
    font-size: 40rpx;
    .icon,.block-text {
      vertical-align: middle;
    }
  }
  &:nth-child(1) {
    background-color: #e8f9e2;
  }
  &:nth-child(2) {
    background-color: #fdf1e9;
  }
  .sub-text{
    font-size: 24rpx;
    color:#50af8b;
  }
  .sub-text2 {
    font-size: 24rpx;
    color:#e69186;
  }
  
}
.icon{
  width:40rpx;
  height:40rpx;
  margin-bottom:10rpx;
}
.block-text{
  font-size:28rpx;
  margin-bottom:5rpx;
  margin-left: 20rpx;
}
.amount{
  font-size:60rpx;
  font-weight:bold;
  margin-bottom:5rpx;
   text {
     font-size: 30rpx;
   }
}

.list-items{
  background-color:#fff;
  border-radius: 20rpx;
  // box-shadow: 10rpx 10rpx  rgb(211, 208, 208);
}
.list-item{
  display:flex;
  align-items:center;
  padding: 0 40rpx ;
  height: 100rpx;
  border-bottom:1rpx solid #f6f6f6;
  color: #5a5a5a;
  position: relative;
}
.list-icon{
  width:40rpx;
  height:40rpx;
  margin-right:40rpx;
}
.list-text{
  font-size:28rpx;
}
.list-item-right {
  
  width: 28rpx;
  height: 28rpx;
  // position: absolute;
  // right: 30rpx;
}
.btn_logout {
  width: 100%;
  padding: 20rpx;
  box-sizing: border-box;
  button {
    width: 100%;
    background-color: rgb(24, 207, 131);
    height: 100rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50rpx;
    color: #ffffff;
  }

}